<template>
  <div class="error">
    <div class="error-code">
      <span>4</span>
      <span>0</span>
      <span>4</span>
    </div>
    <div class="error-text">该页面不存在(灬ꈍ ꈍ灬)</div>
  </div>
</template>

<script>
export default {
  methods: {
    goBack() {
      this.$router.go(-1);
    },
  },
};
</script>

<style scoped lang="scss">
.error {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  .error-code {
    font-size: 100px;
    // background-image: linear-gradient(135deg, red, blue);

    background-clip: text;
    color: #ccc;
  }
  .error-text {
    margin-bottom: 10px;
    font-size: 24px;
    color: #ccc;
  }
}
</style>
